import { toThousands } from '@/utlis/utlis'
import React, { FC } from 'react'
import styled from "styled-components"
interface ICount {
    num:string,
    unit:string
}

const Count = styled.div`
        flex: 1;
        padding-top: 1.5rem;
        display:flex;
        font-size: 1.4rem;
        color: #fff;
        align-items: center;
        justify-content: center;
        background-color: rgba(6,31,79,.5);
        span{
          position: relative;
          top:-0.5rem;
          font-size: 3.6rem;
          font-weight: 5000;
          font-family:'Oswald';
          margin: 1rem;
          color:#00F6FF;
        }
`

const Content: FC<ICount> = function (props) {

    return (
        <Count><span>{toThousands(props.num)}</span> {props.unit}</Count>
    )
}

export default Content
